<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <link rel="stylesheet" href="../assets/css/index.css">
    <link rel="stylesheet" href="../common/swiper/swiper-bundle.min.css">
    <script src="../common/swiper/swiper-bundle.min.js"></script>
    <script src="../assets/js/jquery-3.6.0.min.js"></script>
<body>
    <div class="banner">
      
    </div>
    <div class="middle_Box">
        <div class="middle_Box2">
            <!-- category -->
            <div class="category">
                <div>
                    <h1>服务分类</h1>
                    <p>s e r v i c e &nbsp; c a t e g o r y</p>
                </div>
                <div class="btn_1"><button>女士服装定制</button></div>
            </div>
            <!-- /category -->
            <!-- image_brand -->
            <div class="image_brand flex">
                <div class="image_1">
                    <img src="../assets/img/index2.png" alt="" style="height:570px;" />
                </div>
                <div class="pinP_1">
                <p class="pai" style="font-size:30px;font-weight: 600;">品牌介绍</p>
                <p>Brand introduction</p>
                <div class="black_xian"></div>
                <p>精致的缝纫工艺</p>
                <p>有着多年操作经验的老师傅一针一线的精心缝制</p>
                <p>有着多年操作经验的老师傅一针一线的精心缝制斯蒂芬</p>
                <p>精致的缝纫工艺精致的缝纫工艺</p>
                <p>有着多年操作经验的老师傅一针一线的精心缝制斯</p>
                <p>有着多年操作经验的老师傅一针一线的精心缝制斯蒂芬手打的</p>
                <button>新品上映</button>
                </div>
            </div>
          </div>
     </div>
      <!-- /image_brand -->
    <!-- hui -->
    <div class="middle_Box4">
        <div class="cloose1 flex1">
            <div class="pinP_2">
                <div class="pin_p3" style="margin-left:40px;">
                  <p class="pai" style="font-size:30px;font-weight: 600;">潮流服饰</p>
                  <p>Brand introduction</p>
                  <div class="black_xian"></div>
                  <p>精致的缝纫工艺</p>
                  <p>有着多年操作经验的老师傅一针一线的精心缝制</p>
                  <p>有着多年操作经验的老师傅一针一线的精心缝制斯蒂芬</p>
                  <p>精致的缝纫工艺精致的缝纫工艺</p>
                  <p>有着多年操作经验的老师傅一针一线的精心缝制斯</p>
                  <p>有着多年操作经验的老师傅一针一线的精心缝制斯蒂芬手打的</p>
                </div>
            </div>
        </div>
    <!-- /hui -->
    <!-- cloose -->
    <div class="middle_Box3">
        <div class="cloose flex1">
            <div class="pinP_2">
                <div class="pin_p3" style="margin-left:40px;">
                    <p class="pai" style="font-size:30px;font-weight: 600;">品牌介绍</p>
                    <p>Brand introduction</p>
                    <div class="black_xian"></div>
                    <p>精致的缝纫工艺</p>
                    <p>有着多年操作经验的老师傅一针一线的精心缝制</p>
                    <p>有着多年操作经验的老师傅一针一线的精心缝制斯蒂芬</p>
                    <p>精致的缝纫工艺精致的缝纫工艺</p>
                    <p>有着多年操作经验的老师傅一针一线的精心缝制斯</p>
                    <p>有着多年操作经验的老师傅一针一线的精心缝制斯蒂芬手打的</p>
                    <button class="xin_S">了解更多</button>
                </div>
            </div>
            <div class="image_2"><img src="../assets/img/index11.png" alt="" style="width:65%;" /></div>
            <div class="red_Box"></div>
        </div>
    </div>
    <!-- /cloose -->





    <script>
        $(function(){
            var swiper = new Swiper(".mySwiper", {
            pagination: {
            el: ".swiper-pagination",
                },
                autoplay:{
                    stopOnLastSlide:true
                }
            });
        })
    </script>
</body>

</html>